<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    // const obj = {
    //     a: 1,
    //     info: {
    //         name: "one",
    //         age: 12
    //     }
    // }
    // const {a, info} = obj;
    // const {name,age} = info;
    // console.log(a,name,age,info)

    // 将obj.info下的属性进行再次解构
    // const {a,info:{name,age}} = obj;
    // console.log(a,name,age,info)


    // const {a,b,...c} = {a:1,b:2,c:3,d:4};
    // console.log(a,b,c);// 1 {c:3,d:4}


    // let userName = "wangwu";
    // let obj = {
    //     userName:"lisi",
    //     age:12
    // };
    // const {userName:a,age} = obj;
    // console.log(userName,a,age);// wangwu, lisi 12


    // const {a,b,c,d,e=100} = {a:1,b:2,c:3,d:4};
    // console.log(a,b,c,d,e)

    // function fn({a=1,b=2,c=3,d=4}={}){
    //     console.log(a,b,c,d);
    // }
    // fn();

    // const arr = [1,2,3,[4,5],6];
    // const [,,,[a,b]] = arr;
    // console.log(a,b);


    // let a = 1;
    // let b = 2;
    // [a,b] = [100,200];
    // console.log(a,b)

    // const obj = {
    //     a:10,
    //     b:20
    // };
    // ({a,b} = obj);
    // console.log(a,b)


    // let a = 10;
    // let b = 20;
    //  [b,a] = [a,b];


    // const [a,b,c,d,...m] = [1,2,3,4,5,6,7,8];
    // console.log(a,b,c,d,m);


    let wangfei = {
        name: '王菲',
        age: 18,
        songs: ['红豆', '流年', '暧昧', '传奇'],
        history: [
            {name: '窦唯'},
            {name: '李亚鹏'},
            {name: '谢霆锋'}
        ]
    };
    const {name,age,songs:[a,b,c,d],history:[{name:name1},{name:name2},{name:name3}]} = wangfei;
    console.log(name,age,a,b,c,d,name1,name2,name3);


</script>
</html>